<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>垃圾分类查询</title>
<link href="<%=path%>/static/usercss/css/all.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<%=path%>/static/js/jquery-3.2.1.js"></script>
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
</head>
<body>
<jsp:include page="/WEB-INF/web/includ/header.jsp"></jsp:include>
<section>
<div class="wrap">
  <div id="seach">
    <div id="logo"><a href="http://fenlicx.qinglab.cn" title="垃圾分类查询">分类查询</a></div>
    <div class="seach">
      <input type="text" value="${param.keyword }" name="seach" class="seach_txt" id="seachRubbish">
      <input type="submit" class="seach_bun" name="button" id="button" value="查询分类">
    </div>
  </div>
<nav>
  <div class="title">
    <h2>${requestScope.keyword }</h2>
    <span>推荐分类</span>
   
  </div>
  <div id="breadcrumb">
    <ul>
      <li><a href="#">所有</a><span>></span></li>
      <li><a href="#">内容分类</a><span>></span></li>
      <li><a href="#">尺幅分类</a><span>></span></li>
    </ul>
  </div>
  <c:forEach items="${requestScope.rubbishs }" begin="0" end="8" var="rubbish" varStatus="stat"> 
	  <dl>
	    <dt><img src="<%=path%>/static/rubbish_img/${rubbish.pic}" alt="某某包装"></dt>
	    <dd>
	      <h3><a href="list.html">${rubbish.secondtype.firsttype.title } > ${rubbish.secondtype.title }> ${rubbish.name }</a></h3>
	      <div class="icon">
	      <img src="<%=path%>/static/rubbishType_img/${rubbish.secondtype.firsttype.icon}">
	      <img src="<%=path%>/static/rubbishType_img/${rubbish.secondtype.icon}">
	      <img src="<%=path%>/static/rubbish_img/${rubbish.pic}">
	      </div>
	      <a class="bun" href="<%=path %>/web/rubbish/rubbishDetail?rubbishId=${rubbish.id}">查看详情</a>
	    </dd>
	  </dl>
  </c:forEach>
 	
</nav>
<article class="guild">
  <p>如果没有认可的的推荐分类，请点击推荐您认为对的分类，或者提问问题等待其他网站用户回答。</p>
  <div class="link">
    <a href="#">问答</a>
    <a href="#">分类推荐</a>
  </div>
</article>
</section>
</div>
<jsp:include page="/WEB-INF/web/includ/footer.jsp"></jsp:include>
<script type="text/javascript">
		$(function() {
				$("#button").click(function() {
					
				var keyword = $("#seachRubbish").val();
				
				 location.href="<%=path %>/web/rubbish/seachResult?keyword="+keyword; 
			})
		})


</script>
</body>
</html>
